<template>
  <div>
    <el-card>
      <el-row :gutter="10">
        <!--用户搜索-->
        <el-col :span="5">
          <el-input placeholder="请输入关键词">
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </el-col>
        <!-- 状态搜索-->
        <el-col :span="8">
          <el-row>
            <el-col :span="12">
              <el-select v-model="value" placeholder="请选择" style="float:right;">
                <el-option
                  v-for="item in statusOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="12">
              <el-button icon="el-icon-search" style="background-color: #f5f7fa; float:left;"></el-button>
            </el-col>
          </el-row>
        </el-col>
        <!--添加用户-->
        <el-col :span="11" style="text-align: right;">
          <el-button type="primary" size="mini">添加</el-button>
        </el-col>
      </el-row>
      <el-table :data="tableList" border>
        <el-table-column label="No" type="index"></el-table-column>
        <el-table-column label="员工" prop="param1" min-width="200"></el-table-column>
        <el-table-column label="当日总件数" prop="param2" min-width="200"></el-table-column>
        <el-table-column label="拣货数量" prop="param3" min-width="200"></el-table-column>
        <el-table-column label="效率" prop="param4" min-width="200"></el-table-column>
        <el-table-column label="单件价格" prop="param5" min-width="200"></el-table-column>
        <el-table-column label="当日应得工资" prop="param6" min-width="200"></el-table-column>
        <el-table-column label="当日应扣工资" prop="param7" min-width="200"></el-table-column>
        <el-table-column label="日期" prop="param8" min-width="200"></el-table-column>
      </el-table>
      <el-pagination :current-page="1"
        :page-sizes="[10, 20, 30, 40]" :page-size="10" layout="total, sizes, prev, pager, next, jumper"
        :total="10">
      </el-pagination>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'WageAccountDetail',
  data () {
    return {
      value: '',
      statusOptions: [
        {
          value: 'all',
          label: '全部'
        },
        {
          value: 'true',
          label: '开启'
        },
        {
          value: 'false',
          label: '冻结'
        }
      ],
      tableList: [{
        param1: '用户1',
        param2: '200',
        param3: '6',
        param4: '3%',
        param5: '13.5',
        param6: '27',
        param7: '13',
        param8: '2020-11-04'
      },
      {
        param1: '用户2',
        param2: '200',
        param3: '3',
        param4: '1.5%',
        param5: '13.5',
        param6: '13.5',
        param7: '6.5',
        param8: '2020-11-04'
      },
      {
        param1: '用户3',
        param2: '200',
        param3: '12',
        param4: '6%',
        param5: '31.5',
        param6: '54',
        param7: '26',
        param8: '2020-11-04'
      },
      {
        param1: '用户4',
        param2: '200',
        param3: '9',
        param4: '4.5%',
        param5: '45',
        param6: '40.5',
        param7: '19.5',
        param8: '2020-11-04'
      },
      {
        param1: '用户5',
        param2: '200',
        param3: '15',
        param4: '7.5%',
        param5: '54',
        param6: '67.5',
        param7: '32.5',
        param8: '2020-11-04'
      },
      {
        param1: '用户6',
        param2: '200',
        param3: '18',
        param4: '9%',
        param5: '63',
        param6: '81',
        param7: '39',
        param8: '2020-11-04'
      },
      {
        param1: '用户7',
        param2: '200',
        param3: '21',
        param4: '10.5%',
        param5: '72',
        param6: '94',
        param7: '45',
        param8: '2020-11-04'
      },
      {
        param1: '用户8',
        param2: '200',
        param3: '24',
        param4: '12%',
        param5: '72',
        param6: '108',
        param7: '52',
        param8: '2020-11-04'
      },
      {
        param1: '用户9',
        param2: '200',
        param3: '27',
        param4: '13.5%',
        param5: '54',
        param6: '121',
        param7: '58',
        param8: '2020-11-04'
      },
      {
        param1: '用户10',
        param2: '200',
        param3: '30',
        param4: '15%',
        param5: '13.5',
        param6: '135',
        param7: '65',
        param8: '2020-11-04'
      }]
    }
  }
}
</script>

<style lang="less" scoped>
</style>
